<template>
	<view>
		<uni-group title="社区动态">
			<u-notice-bar :list="list" @click="rotoon"></u-notice-bar>
		</uni-group>
		<uni-group title="商业推广">
			<u-swiper :list="lun" :title="true" :effect3d="true" @click="tushan"></u-swiper>
		</uni-group>
		<uni-group title="服务">
			<view class="item-container">
				<view class="thumb-box" v-for="(item1, index1) in wuyu" :key="index1" @click="toinde(item1.link)">
					<image class="item-menu-image" src="../../../static/uview/example/js_select_bak.png" mode="">
					</image>
					<view class="item-menu-name">{{item1.text}}</view>
				</view>
			</view>
		</uni-group>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				lun: [{
						image: '../../../static/zhihui/lun/3.png',
						title: '奈菲好喝，直飞购买'
					},
					{
						image: '../../../static/zhihui/lun/4.jpg',
						title: '奈菲好喝，直飞购买'
					},
					{
						image: '../../../static/zhihui/lun/6.jpg',
						title: '奈菲好喝，直飞购买'
					}
				],
				list: ['深圳市龙岗区南湾街道办事处通知 时间2022年10月10日 10:10'],
				wuyu: [{
						text: '物业服务',
						link: 'wuye'
					},
					{
						text: '快件管理',
						link: 'kusijian'
					},
					{
						text: '友邻社交',
						link: 'youlin'
					},
					{
						text: '车辆管理',
						link: 'che'
					}
				]
			}
		},
		methods: {
			toinde(url) {
				uni.navigateTo({
					url: url
				})
			},
			tushan() {
				uni.navigateTo({
					url: 'shangye'
				})
			},
			rotoon() {
				uni.navigateTo({
					url: 'ttonzjhi'
				})
			},

		}
	}
</script>

<style>
	.item-container {
		display: flex;
		flex-wrap: wrap;
	}

	.thumb-box {
		width: 33.333333%;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		margin-top: 20rpx;
	}

	.item-menu-image {
		width: 120rpx;
		height: 120rpx;
	}
</style>
